<style type="text/css">
.myTable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	border:none;
}
.myTable td {
	padding: 5 5 5 5;
}
.main {
	border: #FFB988 solid;
	border-width: 0px 1px 1px 1px;
}
.selected {
	background-color: #FFFFFF;
	border: #FFB988 solid;
	border-width: 1px 1px 0px 1px;
	cursor: pointer;
	cursor: hand;
}

.notselected {
	background-color: #FFB988;
	border: #FFB988 solid;
	border-width: 1px 1px 1px 1px;
	cursor: pointer;
	cursor: hand;
}
.blank {
	border: #FFB988 solid;
	border-width: 0px 0px 1px 0px;
}
</style>
<script language="javascript" type="text/javascript">

var currentTab = 1;

function getEl (id) {
	var obj = null;
	if (!document.getElementById) return false;
	if (!(obj =document.getElementById(id))) return false;
	return obj;
}

function toggleTabs (tabName) {
	if (tabName == currentTab) return false;
	var tmpObj;
	if (tmpObj = getEl('tab_' + currentTab)) tmpObj.className = 'notselected';
	if (tmpObj = getEl('panel_' + currentTab)) tmpObj.style.display = 'none';
	if (tmpObj = getEl('tab_' + tabName)) tmpObj.className = 'selected';
	if (tmpObj = getEl('panel_' + tabName)) tmpObj.style.display = 'block';
	currentTab = tabName;
}

</script>

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td align="left"><strong><?=translate('title')?></strong></td>
    <td align="right">
	<?
	unset($params);
	$params[sid] = $sid;
	$params[action] = 'tickets';
	$params[option] = 'faq';
	$params[tab] = 'reseller_support';
	$url = "$baseURL/$webDIR/?".encode_params($params);
?>
<a href="#" onclick="javascript:window.open('<?=$url?>','','width=750,height=800, top=10, status=no, toolbar=no, menubar=no, location=no, scrollbars=yes, directories=no');return false;">Reseller Support Help</a>
	</td>
  </tr>
</table>

<p align="justify"><?=translate('title_comment')?></p>
<br><br>
<table width="99%" border="0" cellspacing="0" cellpadding="0" class="myTable">
  <tr>
	<td width=5 class='blank'>&nbsp;</td>
	<td class='selected' onClick="toggleTabs('1')" id="tab_1" align="center"><strong><?=translate('open')?></strong></td>
	<td width=5 class='blank'>&nbsp;</td>
	<td class="notselected" onClick="toggleTabs('2')" id="tab_2" align="center"><strong><?=translate('closed')?></strong></td>
	<td width=5 class='blank'>&nbsp;</td>
	<td class="notselected" onClick="toggleTabs('3')" id="tab_3" align="center"><strong><?=translate('total')?></strong></td>
	<td width=5 class='blank'>&nbsp;</td>
	<td class="notselected" onClick="toggleTabs('4')" id="tab_4" align="center"><strong><?=translate('open_new_ticket')?></strong></td>
	<td width=5 class='blank'>&nbsp;</td>
  </tr>
  <tr>
    <td class='main' colspan="9">
	<div id='panel_1' style="display:block"><?=$my_open?></div>
	<div id='panel_2' style="display:none"><?=$my_closed?></div>
	<div id='panel_3' style="display:none"><?=$my_total?></div>
	<div id='panel_4' style="display:none"><?=$add_ticket?></div>
	
	</td>
  </tr>
</table>
<div align="justify"><?=translate('legend')?></div>
<? if($currentTab){ ?>
<script language="javascript">
toggleTabs(<?=$currentTab?>);
</script>
<? }?>